<%@ include file="includes/head.jsp" %>
	
<!-- <script src="js/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />-->

<h1>Formulario Acuse Recibo</h1>

<form action="#" method="post" enctype="multipart/form-data">

	<fieldset>
	<legend>Datos Obligatorios</legend>
	
	<label for="numRecibo">Numero de recibo</label>
	<input title="cuando hago mouseover me muestra ayuda..." type="text" name="numRecibo" placeholder="ej: XXX-XXXXXX-X"/>
	
	</fieldset>
	
	<fieldset>
	<legend>Datos Obligatorios</legend>
	
	<label for="acuse">Acuse a adjuntar</label>
	<input type="file" name="acuse" id="acuse">	
	<input type="button" id="pre" value="PREVISUALIZAR" />
	
	</fieldset>
	
	<input type="submit" value="Enviar Recibo">
<a href="#openModal2">Open Modal</a>

<div id="openModal" class="modalDialog">
	<div>
		<a href="#close" title="Close" class="close">X</a>
		<h2>Modal Box</h2>
		<p>This is a sample modal box that can be created using the powers of CSS3.</p>
		<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
	</div>
</div>

<div id="openModal2" class="modalDialog">
	<div>
		<a href="#close" title="Close" class="close">X</a>
		<h2>Iker</h2>
		<p>This is a sample modal box that can be created using the powers of CSS3.</p>
		<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
	</div>
</div>
	
</div>

	
</form>

	<div id="modal" class="modal">
		hola
	</div>
<script>

$(document).ready(function(){
	
	$modal = $('#modal');
	$body = $('body');
	
	$('#pre').click(function(){
		$modal.removeClass('modal').addClass('modal_visible');
		$body.addClass('dark');
	});
	
	
	
/*	$("#pre").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'type'			:	'iframe',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});*/
});

</script>

<%@ include file="includes/footer.jsp" %>	